<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    <title>人马君</title>
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current bg-light-gray">
        <div class="content">
          <div class="fs-appointment">
          <div class="appoint-intro">
            <p><span style="font-size: .95rem; color: #313131; font-weight: 700;">「人马君运动打卡」</span>是人马君推出一个帮助自己养成运动习惯的小程序。</p>
            <p>人马君根据线上减脂营的运动课件，系统化地引导学员完成每日的运动内容，简单易懂地掌握各项基础训练知识。</p>
          </div>
          <div class="appoint-title text-center"><span>运动打卡特色</span></div>
          <div class="feature-exercise"><img src="../resource/image/feature.png" style="width:100%;"></div>
          <div class="appoint-title text-center"><span>课程设计</span></div>
          <div class="course-design"><img src="../resource/image/plan.png" style="width:100%;"></div>
          <div class="appoint-title text-center"><span>课程安排</span></div>
          <div class="course-plan">
            <div class="card">
              <div class="list-block media-list">
                
                <div class="item-content item-link">
                  <div class="item-inner">
                    <img src="${ctx.resource}/image/participation/new.png" width="100%">
                  </div>
                </div>
                
              </div>
            </div>
            <div class="card">
              <div class="list-block media-list">
                
                <div class="item-content item-link">
                  <div class="item-inner">
                    <img src="${ctx.resource}/image/participation/young.png" width="100%">
                  </div>
                </div>
                
              </div>
            </div>
            <div class="card">
              <div class="list-block media-list">
                
                <div class="item-content item-link">
                  <div class="item-inner">
                    <img src="${ctx.resource}/image/participation/old.png" width="100%">
                  </div>
                </div>
                
              </div>
            </div>
          </div>
          <a href="${ctx.host}/questionnaires?inviter=${inviter}&recommender=${recommender}" class="button button-fill sign-btn ft-market-btn participate-btn">立即报名</a>
        </div>
      </div>
    </div>
  </div>
  
  <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/course/participation/participation.js" />
    <script type="text/javascript">
      require(['page/course/participation/participation'], function(page) {
        page.init({
          "recommender": "${recommender}",
          "inviter": "${inviter}"
        })
      })
    </script>
    
  </body>
</html>